ul,
ol,
li,
dl,
dd,
dt {
  list-style-type: none;
  line-height: normal;
}
address,
caption,
cite,
code,
dfn,
i,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  cursor: pointer;
}
img {
  border: 0;
  max-width: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
input,
table,
tr,
td {
  margin: 0;
  padding: 0;
  border: none;
}
p {
  margin: 0;
  padding: 0;
}
button,
table {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
select {
  margin: 0;
  padding: 0;
  outline: none;
}
textarea {
  border: 0;
  background: none;
  resize: none;
  outline: 0;
}
input {
  outline: 0;
  border: 0;
  background: none;
}
button {
  outline: none;
  border: 0;
  background: none;
}
body {
  text-align: justify;
}


.w_1200 {
  display: block; position:relative; z-index:6;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.ctext { float:left;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
}
@media screen and (max-width:1024px) {
  .ctext {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.head{
  width: 100%;
  position: fixed; background:#000000; box-shadow: 0 12px 24px rgba(163,182,220,0.15);
  left: 0;
  top: 0;
  z-index: 18; padding:0 6.25%;
}
.Head{ top:-100px; box-shadow:none;}
.head .box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.head .logo{ float:left;
  line-height: 0;
}
.head .logo img {
  max-width: none;
  height:37px;
}

.menu { 
  display: flex;
  width:71.84%;
}
.menu .ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.menu .nli {
  display: flex;
  position: relative;
}
.menu .nli span a {
  display: flex;align-items: center;
  position: relative;
  color: #fff;
  font-size: 18px;
  line-height: 100px;
}
.menu .nli.active span a,
.menu .nli:hover span a { color:#f3c508;}
.menu .sub{
  display:none; box-shadow:0 3px 6px rgba(0,0,0,0.15);
  position: absolute; float:left; transform:translateX(-50%); -ms-transform:translateX(-50%);
  left:50%;
  top:100%;
  background: #fff; padding:10px 0;
  z-index: 6; width:160px;
}
.menu .sub:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:100%; margin-left:-7px; border-left:7px solid transparent; border-right:7px solid transparent;border-bottom:7px solid #fff; }
.menu .sub li{
 float:left; width:100%; text-align:center;
}
.menu .sub li a {
 float:left; width:100%;
  color: #333;
  font-size: 16px;
  line-height:36px;
  position:relative;
}
.menu .sub li a:hover {
  color: #fff !important; background:#f3c508;
}

.menuph {
  display: none;
  float: right;
  width: 28px;
  height: 22px;
  cursor: pointer;
  text-align: center;
}
.menuph .point {
  float: left;
  width: 28px;
  height: 22px;
  position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {
  width: 28px;
}
.menuph .navbtn{
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
  width: 28px;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.menuph .navbtn::after,
.menuph .navbtn::before {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 28px;
  height: 2px;
  content: "";
  background: #fff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.menuph .navbtn::after {
  top: -10px;
}
.menuph .navbtn::before {
  top: 10px;
}
.menuph .point.active .navbtn {
  background: transparent !important;
}
.menuph .point.active .navbtn::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
}
.menuph .point.active .navbtn::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0px;
}
.head.active .menuph .navbtn,
.head.active .menuph .navbtn::after,
.head.active .menuph .navbtn::before{  background: #f3c508;}

 .xialaph{ display:none; position:fixed; left: 0; top: 0; float: left; width: 100%; height:100%; overflow:auto; padding:58px 15px; display: none; z-index:7; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); }
.xialaph .ul2,
.xialaph .ul3,
.xialaph .ul4{ display: none;}
.xialaph li{ float: left; width:100%;}
.xialaph h4 a{ float: left; width:100%; color: #333; font-size:16px; line-height:50px;  display:flex; align-items:center;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 i{ float:left; width:8px; height:8px; position:absolute; right:5px; top:50%; border-top:1px solid #333; border-right:1px solid #333; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #f3c508; border-right:1px solid #f3c508; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color:#ccc;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4:hover a{ color: #f3c508;}
.xialaph h5:hover a{ color: #f3c508;}
.xialaph h4::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color:#ccc;}
.xialaph h5 a{ float: left; width:100%; color: #666666; font-size:14px; line-height:41px; position:relative; text-transform: uppercase;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color:#ccc;}
.xialaph h5 i{ float:left; width:8px; height:8px; position:absolute; right:12px; top:50%; border-top:1px solid #111111; border-right:1px solid #111111; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h5.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #133a9c; border-right:1px solid #133a9c; opacity:1}
.xialaph .ul2{ float: left; width: 100%; padding:0 15px;}

@media screen and (max-width:1024px) {
  .menuph {display: block;}
  .menu{ display:none;}
  .head{ padding:12px 15px; box-shadow: 0 6px 12px rgba(163,182,220,0.15);}
  .head .logo img{ height:34px;}
 

}



.main1{ position:relative; padding-top:70px;padding-bottom:70px;}
.main1 .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.main1 .box{float:left; width:100%;flex-wrap:wrap; display: flex;  justify-content:space-evenly; align-items: center; padding:0 6px 0 3.33%;}
.main1 .indexZh{ float:left; color:#fff; font-size:36px; line-height:48px; text-transform:uppercase; margin:6px 0;}
.main1 .More1{ float:left; width:160px; margin:6px 0;}
.main1 .More1 a{ float:left; width:100%;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; text-align:center; color:#fff; font-size:16px; line-height:46px; border-radius:6px; border:1px solid rgba(255,255,255,0.46);}
.main1 .More1 a i{ display:block; width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); -ms-transform:rotate(45deg); margin-left:6px;}
.main1 .More1 a:hover{ background:#f3c508; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
@media screen and (max-width: 1360px) {
.main1 .box{ padding:0;}
}
@media screen and (max-width: 1024px) {
.main1 {padding-top:30px;padding-bottom:30px;}
.main1 .indexZh{ font-size:18px; line-height:30px;}
.main1 .More1{ width:120px;}
.main1 .More1 a{ font-size:14px; line-height:34px;}
}



.foot1 { background: #000000; padding-top:42px; padding-bottom:22px;}
.foot1 .w_1200{flex-wrap:wrap; display: flex; justify-content:space-between;}
.foot1 .left { float:left; min-width:24%;flex-wrap:wrap; display: flex; flex-direction:column ;}
.foot1 .logo { float:left;
  display: flex;
  line-height: 0;
  margin-bottom:18px;
}
.foot1 .logo img {
  max-width: none;
  height:37px;
}
.foot1 .addr { float:left;
  display: flex; position:relative;
  color: #fff;
  font-size: 16px;
  line-height:26px;
  margin-top:26px;flex-wrap:wrap; display: flex;flex-direction:column;
}
.foot1 .addr img { position:absolute; left:0; top:5px;
  max-width: none;
  width:16px;
}
.foot1 .addr span{ display:block; position:relative; padding-left:30px; opacity:0.56;}
.foot1 .addr font{ display:block; font-size:20px; line-height:30px; margin-top:8px;}

.foot1 .nav { float:left;
  display: flex;
  flex-direction: column;
}
.foot1 .nav h5 {
  display: flex;
  margin:0 0 8px 0;
}
.foot1 .nav h5 a {display: flex;
  color: #fff;
  font-size: 16px;
  line-height:36px;
}
.foot1 .nav ul {
  display: flex;
  flex-wrap: wrap; flex-direction:column;
}
.foot1 .nav ul li {
  display: flex;
}
.foot1 .nav ul li a {
  display: flex;
  color: #fff; opacity:0.47;
  font-size: 16px;
  line-height:36px;
}
.foot1 .nav ul li a:hover {
  color: #f3c508; opacity:1;
}
.foot1 .er { margin-top:32px; float:left;
}
.foot1 .er i { margin-right:44px; float:left; width:88px;
  line-height: 0;
}
.foot1 .er i:last-child{ margin-right:0;}
.foot1 .er i img {
  width: 100%;
}
.foot1 .er span {
  display: flex;
  justify-content: center;
  color: #fff;
  font-size:16px;
  line-height:26px; white-space:nowrap;
  margin-top:7px;
}
.foot2 { background:#000000; padding-top:10px; padding-bottom:10px; border-top: 1px solid rgba(255, 255, 255, 0.28);}
.foot2 .nav { float:right;}
.foot2 .nav ul {
  display: flex;
  color: #fff;
  font-size: 14px;
  line-height: 1.7;
  align-items: center;
}
.foot2 .nav ul li {
  display: flex;
  position: relative;
  line-height:30px;
}
.foot2 .nav ul li a {
  display: flex;
  position: relative;
  color: #fff;
  font-size: 16px;
}
.foot2 .nav ul li a:hover {
  color: #f3c508;
}
.foot2 .nav .links { border:1px solid rgba(204,204,204,0.46); margin-left:14px;
  padding:0 35px 0 16px;
}
.foot2 .nav .links:after {
  float: left;
  width: 0;
  height: 0;
  content: "";
  position: absolute;
  right:10px;
  top: 50%; margin-top:-3px;
 border-left: 5px solid transparent; border-right:5px solid transparent;border-top:6px solid #ffffff; opacity:0.61;
}
.foot2 .nav .links.active:after {
  transform: rotateX(180deg);
  -ms-transform:rotateX(180deg);
}
.foot2 .nav dl {
  display: none;
 width:-webkit-calc(100% - 14px); width:-moz-calc(100% - 14px); width:calc(100% - 14px);
  position: absolute;
  right: 0;
  bottom: 100%;
  background: #fff;
  flex-direction: column;
  padding: 8px 0;
}
.foot2 .nav dl dd {
  display: flex;
  width: 100%;
}
.foot2 .nav dl dd a {
  display: flex;
  color: #333;
  font-size: 14px;
  line-height: 1.7;
  padding: 0 12px;
}
.Copyright { float:left;
  color: #fff;
  font-size: 16px;
  line-height:26px; margin:2px 0;
}
.Copyright a {
  color: #fff;
}
.Copyright a:hover {
  color: #f3c508;
}

@media screen and (max-width: 1024px) {
  .foot1 {justify-content: center; padding-top:30px; padding-bottom:30px;}
  .foot1 .addr{ margin-top:14px; font-size:14px;}
  .foot1 .addr span{ padding-left:24px;}
  .foot1 .addr font{ margin-top:4px; font-size:18px; line-height:28px;}
  .foot1 .nav h5 a{ font-size:14px; line-height:30px;}
  .foot1 .nav ul li a{ font-size:14px; line-height:30px;}
   .Copyright{ width:100%; font-size:14px; line-height:24px; text-align:center;}
   .foot2 .nav{ width:100%;flex-wrap:wrap; display: flex;justify-content:center; margin:5px 0;}
  .foot2 .nav ul li a{ font-size:14px; line-height:24px;}
  .foot2 .nav .links{ padding:0 24px 0 12px;}
  
}
@media screen and (max-width: 767px) {
.foot1 .nav{ display:none;}
.foot1 .logo{ margin-bottom:10px;}
.foot1 .w_1200{ justify-content:center;} 
.foot1 .addr{flex-direction:row; margin-top:6px;}
.foot1 .addr span{ float:left;}
.foot1 .addr font{ float:left; margin:0 0 0 10px; font-size:16px; }


}

/*banner*/
.slide_banner { float:left;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-top: 100px;
}
.slide_banner .div{ float:left; line-height:0;
  width: 100%; }
.slide_banner .slick-dots {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom:10.1%;
}
.slide_banner .slick-dots li {
  width:14px;
  height: 14px; border-radius:14px;
  z-index: 6;
  margin: 0 15px;
  background: #fff;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.slide_banner .slick-dots li.slick-active {
  background: #f3c508; width:34px;
}
@media screen and (max-width: 1024px) {
.slide_banner{ margin-top:58px;}
.slide_banner .slick-dots{ bottom:8%;}
.slide_banner .slick-dots li { margin:0 5px;
  width:10px;
  height: 10px; border-radius:10px;}
.slide_banner .slick-dots li.slick-active {
  width:24px;
}
}


.indexTit{ position:relative; z-index:6; float:left; width:100%;flex-wrap: wrap;display: flex;justify-content:space-between;align-items: center;}
.indexTit h4{ float:left; line-height:1; color:#333333; font-size:36px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; }
.indexTit h4 span{ display:block; font-weight:normal; font-size:18px; text-transform:uppercase; color:#666666; letter-spacing:0; margin-top:14px;}
.indexTit h5{ float:left; line-height:1; color:#333333; font-size:30px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; }
.indexTit a{ float:right; color:#000000; font-size:16px; line-height:30px; position:relative; padding-right:17px;}
.indexTit a::after{ float:left; position:absolute; right:0; top:50%; width:8px; height:8px; border-top:1px solid #040404; border-right:1px solid #040404;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg);transform: translate(0, -50%) rotate(45deg); content:'';}
.indexTit a:hover{ color:#f3c508;}
.indexTit a:hover::after{ border-top:1px solid #f3c508; border-right:1px solid #f3c508;}



@media screen and (max-width: 1024px) {
.indexTit h4{ font-size:20px;}
.indexTit h4 span{ font-size:14px; margin-top:10px;}
.indexTit h5{ font-size:18px;}
.indexTit a{ font-size:14px; padding-right:12px;}
}


.product{ background:#f5f5f5; padding-top:95px; padding-bottom:90px;}
.product .list{ float:left; width:100%; margin-top:50px;}
.product .list ul{ margin:0 -13px;}
.product .list li{ float:left; width:25%; padding:10px 13px;}
.product .list li a{ float:left; width:100%; background:#fff; border:1px solid #fff; border-radius:5px; overflow:hidden; padding:5px;}
.product .list li a i{ float:left; width:100%; line-height:0; overflow:hidden; text-align:center;max-height: 12em;}
.product .list li a i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.product .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.product .list li a h6{ float:left; width:100%; line-height:28px; font-size:18px; color:#000000; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;  padding:11% 9%;}
.product .list li a:hover{ border:1px solid #f3c508;}
.product .list li a:hover h6{ color:#f3c508;}
.product .list .slick-arrow{ width:14px; height:14px; border-top:2px solid #1e1e1e; border-right:2px solid #1e1e1e;}
.product .list .slick-arrow:hover{ border-top:2px solid #f3c508; border-right:2px solid #f3c508;}
.product .list .slick-prev{ left:-25px;-webkit-transform: translate(0, -50%) rotate(225deg);-ms-transform: translate(0, -50%) rotate(225deg);transform: translate(0, -50%) rotate(225deg);}
.product .list .slick-next{ right:-25px;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg);transform: translate(0, -50%) rotate(45deg);}
.product .list .slick-dots { position:static;flex-wrap: wrap;display: flex;justify-content: center;align-items: center;margin-top:15px;}
.product .list .slick-dots li {
  width:10px;
  height: 10px; border-radius:10px; padding:0 !important;
  z-index: 6;
  margin: 0 5px;
  background: #fff;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.product .list .slick-dots li.slick-active {background: #f3c508; width:24px;}

@media screen and (max-width: 1024px) {
.product{ padding-top:30px; padding-bottom:30px;}
.product .list{ margin-top:20px;}
.product .list ul{ margin:0 -5px;}
.product .list li{ padding:5px;}
.product .list li a h6{ font-size:16px; line-height:26px; padding:10px 7px;}
}
@media screen and (max-width: 767px) {
.product .list li{ width:50%;}

}


.Sensor{ padding-top:102px; padding-bottom:90px;}
.Sensor .list{ float:left; width:100%; margin-top:37px;}
.Sensor .list ul{ margin:0 -13px;}
.Sensor .list li{ float:left; width:25%; padding:10px 13px;}
.Sensor .list li a{ float:left; width:100%; background:#fff; border:1px solid #dddddd; border-radius:5px; overflow:hidden; padding:5px;}
.Sensor .list li a i{ float:left; width:100%; line-height:0; text-align:center; overflow:hidden;}
.Sensor .list li a i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Sensor .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Sensor .list li a h6{ float:left; width:100%; line-height:28px; font-size:18px; color:#000000; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;  padding:0 9%; margin-top:28px;}
.Sensor .list li a h5{ float:left; width:100%; line-height:26px; font-size:16px; color:#666666; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;  padding:0 9%; margin:12px 0 20px 0;}
.Sensor .list li a h5 span{ margin-left:15px;}
.Sensor .list li a:hover{ border:1px solid #f3c508;}
.Sensor .list li a:hover h6{ color:#f3c508;}

.Sensor .list .slick-arrow{ width:14px; height:14px; border-top:2px solid #1e1e1e; border-right:2px solid #1e1e1e;}
.Sensor .list .slick-arrow:hover{ border-top:2px solid #f3c508; border-right:2px solid #f3c508;}
.Sensor .list .slick-prev{ left:-5px;-webkit-transform: translate(0, -50%) rotate(225deg);-ms-transform: translate(0, -50%) rotate(225deg);transform: translate(0, -50%) rotate(225deg);}
.Sensor .list .slick-next{ right:-5px;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg);transform: translate(0, -50%) rotate(45deg);}
.Sensor .list .slick-dots { position:static;flex-wrap: wrap;display: flex;justify-content: center;align-items: center;margin-top:20px;}
.Sensor .list .slick-dots li {
  width:10px;
  height: 10px; border-radius:10px; padding:0 !important;
  z-index: 6;
  margin: 0 5px;
  background: #dddddd;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.Sensor .list .slick-dots li.slick-active {background: #f3c508; width:24px;}

.Sensor .nav{ float:left; width:100%; margin-top:20px;}
.Sensor .nav ul{ float:left; width:100%;}
.Sensor .nav ul li{ float:left; width:20%; position:relative; display: flex; cursor:pointer; align-items: center;  justify-content:center; color:#000000; border-bottom:1px solid #dddddd; font-size:20px; line-height:30px; height:116px; }
.Sensor .nav ul li::after{ float:left; width:0%; height:2px; content:''; position:absolute; left:0; bottom:-1px; z-index:3; background:#f3c508;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.Sensor .nav ul li i{ display:block; line-height:0; margin-right:12px; position:relative;}
.Sensor .nav ul li i img{ max-width:none; width:38px;}
.Sensor .nav ul li i img.show{ opacity:1;}
.Sensor .nav ul li i img.hide{ opacity:0; position:absolute; left:0; top:0;}
.Sensor .nav ul li.slick-current{ color:#f3c508;}
.Sensor .nav ul li.slick-current::after{ width:100%; }
.Sensor .nav ul li.slick-current i img.show{ opacity:0;}
.Sensor .nav ul li.slick-current i img.hide{ opacity:1;}

.pord_xg1{ float:left; width:100%; background:#fff; padding:56px 29px 50px 29px; margin-top:21px;}
.pord_xg1 .list{ margin-top:50px;}

.pord_xg2{ float:left; width:100%; background:#fff; padding:41px 29px 70px 29px;}
.pord_xg2 .tab{ float:left; width:100%; height:51px; margin:0 0 8px 0;}
.pord_xg2 .tab .nav-wrap{ float:left; width:100%; border-bottom:1px solid #f3c508;}
.pord_xg2 .tab .navFix{position: fixed;top:0; left:0; z-index: 20; background:#fff;} 
.pord_xg2 .tab ul li{ float:left; margin-right:14px;}
.pord_xg2 .tab ul li:last-child{ margin-right:0 !important;}
.pord_xg2 .tab ul li a{ float:left; cursor:pointer; line-height:30px; font-size:18px; color:#333333; padding:10px 22px;}
.pord_xg2 .tab ul li a.active{ background:#f3c508; color:#fff;}
.pord_xg2 .box{ float:left; width:100%;}
.pord_xg2 .box .tit1{ float:left; width:100%; line-height:30px; font-size:20px; color:#333333; position:relative; padding:0 20px; margin-top:27px; font-weight:bold;}
.pord_xg2 .box .tit1::after{ float:left; content:''; position:absolute; left:0; top:7px; background:#f3c508; width:3px; height:16px;}
.pord_xg2 .box .p{ float:left; width:100%; line-height:36px; font-size:16px; color:#333333; padding:0 20px; margin-top:16px;}
.pord_xg2 .box .a{ color:#f3c508; text-decoration:underline; display:block; padding:0 36px; margin:3px 0;}
.pord_xg2 .box .a:hover{ font-weight:bold;}
.pord_xg2 .list{ margin-top:26px;}
.pord_xg2 .left{ float:left; width:47%; margin-bottom:60px; position:relative;}
.pord_xg2 .big{ float:left; width:100%; line-height:0; overflow:hidden; border-radius:10px; border:1px solid #dddddd;}
.pord_xg2 .samll{ float:left;width:-webkit-calc(100% + 7px); width:-moz-calc(100% + 7px); width:calc(100% + 7px); line-height:0; margin-top:20px;}
.pord_xg2 .samll div{ border-bottom:1px solid #fff; margin-right:7px; cursor:pointer;}
.pord_xg2 .samll div.slick-current{ border-bottom:1px solid #f3c508;}
.pord_xg2 .text{ float:right; width:50%; margin-top:3.5%; margin-bottom:60px; padding:0 18px;}
.pord_xg2 .text .tit{ float:left; width:100%; line-height:40px; font-size:30px; color:#333333; font-weight:bold;}
.pord_xg2 .text .p{ float:left; width:100%; line-height:34px; font-size:18px; color:#333333; padding:4.7% 0 10.5% 0;}
.pord_xg2 .text .btn{ float:left; width:100%;}
.pord_xg2 .text .btn a{ float:left; background:#f3c508; text-align:center; border-radius:8px; border:none;  width:30%; line-height:50px; color:#fff; font-size:16px; margin-right:7.5%;}
.pord_xg2 .text .btn a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.pord_xg2 .text .btn a:last-child{ background:#c1c1c1; color:#333333;}

@media screen and (max-width: 1360px) {
.Sensor .nav ul li a{ font-size:18px;}
.Sensor .nav ul li i{ margin-right:8px;}
.pord_xg2 .text{ padding:0;}
}
@media screen and (max-width: 1024px) {
.Sensor{ padding-top:30px; padding-bottom:30px;}
.Sensor .list{ margin-top:15px;}
.Sensor .list ul{ margin:0 -5px;}
.Sensor .list li{ padding:5px;}
.Sensor .list li a h6{ font-size:16px; line-height:26px; padding:0 7px; margin-top:14px;}
.Sensor .list li a h5{ font-size:14px; line-height:24px; padding:0 7px; margin:5px 0 12px 0;}
.Sensor .list li a h5 span{ margin-left:10px;}

.Sensor .nav{ float:left; width:100%; margin-top:10px;}
.Sensor .nav ul li{ font-size:16px; line-height:26px; height:60px;}
.Sensor .nav ul li i{ margin-right:6px;}
.Sensor .nav ul li i img{ max-width:none; width:30px;}

.pord_xg1{  padding:30px 12px 30px 12px; margin-top:20px;}
.pord_xg1 .list{ margin-top:20px;}
.pord_xg2{ padding:30px 12px;}
.pord_xg2 .box .tit1{ font-size:18px; line-height:30px; margin-top:24px; padding:0 10px;}
.pord_xg2 .box .p{ font-size:14px; line-height:26px; margin-top:8px; padding:0 10px;}
.pord_xg2 .list{ margin-top:20px;}
.pord_xg2 .tab ul li{ margin-right:5px;}
.pord_xg2 .tab ul li a{ line-height:24px; font-size:14px; padding:5px 10px;}
.pord_xg2 .box .a{ padding:0 18px;}
.pord_xg2 .left{ margin-bottom:30px;}
.pord_xg2 .samll{ margin-top:15px;}
.pord_xg2 .text{ margin-top:15px; margin-bottom:30px;}
.pord_xg2 .text .tit{ font-size:18px; line-height:28px;}
.pord_xg2 .text .p{ font-size:15px; line-height:27px; padding:10px 0 20px 0;}
.pord_xg2 .text .btn a{ width:35%; font-size:14px; line-height:40px;}

}
@media screen and (max-width: 767px) {
.Sensor .list li{ width:50%;}
.Sensor .list li a h5 span{ margin-left:0; display:block;}

.pord_xg2 .tab ul{ width:100%;}
.pord_xg2 .tab ul li{ text-align:center; width:20%; margin-right:0;}
.pord_xg2 .tab ul li a{ width:100%; font-size:12px; line-height:24px; padding:5px 0;}
.pord_xg2 .left{ width:100%;}
.pord_xg2 .text{ width:100%; margin-top:0;}

}


.applicat{ position:relative; padding-top:78px; padding-bottom:104px;}
.applicat:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#fafafa; opacity:0.94;}
.applicat .list{ float:left; position:relative; z-index:6; width:67.6%; margin-top:58px;}
.applicat .list ul{float:left; width:100%;}
.applicat .list li{ float:left; width:100%; position:relative;flex-wrap:wrap; display: flex; align-items: flex-end; height:568px;}
.applicat .list li:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#14264e; opacity:0.5;}
.applicat .list li a{ float:left; width:100%; position:relative; z-index:6; padding:8% 6.1%;}
.applicat .list li a i{ float:left; width:100%; line-height:0; text-align:center;}
.applicat .list li a h4{ float:left; width:100%; line-height:30px; font-size:20px; color:#fff; font-weight:bold;}
.applicat .list li a h5{ float:left; width:100%; line-height:30px; font-size:16px; color:#fff; overflow:hidden; height:60px; margin:20px 0 25px 0;}
.applicat .list li a h6{ float:left; line-height:28px; font-size:18px; color:#fff; padding-right:28px;background:url(../_im_g/ico18.png) right center no-repeat;}
.applicat .list li a:hover h4{ color:#f3c508;}
.applicat .nav{ float:left; position:relative; z-index:6; background:#fff; width:32.4%; margin-top:58px; padding:14px 0;}
.applicat .nav ul{ float:left; width:100%;}
.applicat .nav ul li{ float:left; width:100%; position:relative; display: flex; cursor:pointer; align-items: center; color:#333333; font-size:20px; line-height:28px; height:50px; padding:5px 13.8%; margin:5px 0; }
.applicat .nav ul li i{ display:block; line-height:0; margin-right:10px; position:relative;}
.applicat .nav ul li i img{ max-width:none; width:30px;}
.applicat .nav ul li i img.show{ opacity:1;}
.applicat .nav ul li i img.hide{ opacity:0; position:absolute; left:0; top:0;}
.applicat .nav ul li.slick-current{ background:#f3c508; font-weight:bold; color:#fff;}
.applicat .nav ul li.slick-current i img.show{ opacity:0;}
.applicat .nav ul li.slick-current i img.hide{ opacity:1;}
@media  screen and (max-width:1360px){
.applicat .nav ul li{ font-size:18px; line-height:28px; padding:5px 10%;}

}
@media screen and (max-width: 1024px) {
.applicat{ padding-top:30px; padding-bottom:30px;}
.applicat .list{ margin-top:20px;}
.applicat .list li{ height:410px;}
.applicat .list li a{ padding:20px 15px;}
.applicat .list li a h4{ font-size:16px; line-height:26px;}
.applicat .list li a h5{ font-size:14px; line-height:24px; height:48px; margin:10px 0 12px 0;}
.applicat .list li a h6{ font-size:15px; line-height:26px;}
.applicat .nav{ margin-top:20px; padding:7px 0;}
.applicat .nav ul li{ font-size:14px; line-height:22px; height:42px; padding:4px 12px; margin:1px 0;}
.applicat .nav ul li i{ margin-right:3px;}
.applicat .nav ul li i img{ max-width:none; width:26px;}

}
@media screen and (max-width: 767px) {
.applicat .nav{ width:100%; padding:0;}
.applicat .nav ul li{ width:50%; margin:0; justify-content:center; padding:4px 0;}

.applicat .list{ width:100%; margin-top:0;}
.applicat .list li{ height:300px;}

}


.dynamics{ background:#f5f5f5; padding-top:101px; padding-bottom:101px;}
.dynamics .hd{ float:right; margin-top:2px;}
.dynamics .hd li{ float:left; margin-left:85px; border-bottom:1px solid #f5f5f5; color:#000000; font-size:16px; line-height:38px; cursor:pointer;}
.dynamics .hd li:first-child{ margin-left:0 !important;}
.dynamics .hd li.on{ border-bottom:1px solid #f3c508; color:#f3c508; }
._News1{ float:left; width:40.25%; margin-top:64px;}
._News1 a{ float:left; width:100%; border-bottom:1px solid #dddddd;}
._News1 a i{ float:left; width:100%; line-height:0; overflow:hidden; height:320px;}
._News1 a i img{ display:none;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
._News1 a:hover i img{ -ms-transform: scale(1.1);transform: scale(1.1);}
._News1 a .tit{ float:left; width:100%; color:#333333; font-size:20px; line-height:34px; font-weight:bold; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; margin-top:25px; }
._News1 a .time{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; margin:15px 0 32px 0;}
._News1 a:hover .tit{ color:#f3c508;}

._News2{ float:right; width:54.16%; margin-top:32px;}
._News2 .ul{ float:left; width:100%; position:relative; z-index:3;}
._News2 .ul .li{ float:left; width:100%; border-bottom:1px solid #dddddd; padding:25px 0;}
._News2 .ul .li a{ float:left; width:100%; position:relative; padding-left:118px;}
._News2 .ul .li .text{ float:left; width:100%; min-height:93px;}
._News2 .ul .li .tit{ float:left; width:100%; color:#333333; font-size:20px; line-height:34px; font-weight:bold; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
._News2 .ul .li .p{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:18px;}
._News2 .ul .li .time{ float:left; color:#666666; font-size:16px; line-height:30px; position:absolute; left:0; top:0; text-align:center;}
._News2 .ul .li .time span{ display:block; font-size:30px; margin-top:10px;}
._News2 .ul .li:hover{border-bottom:1px solid #f3c508;}
._News2 .ul .li:hover .tit{ color:#f3c508;}

@media  screen and (max-width:1024px){
.dynamics{ padding-top:30px; padding-bottom:30px;}
.dynamics .hd{ margin-top:2px;}
.dynamics .hd li{ margin-left:30px; font-size:15px; line-height:30px; }
._News{ padding-top:25px; padding-bottom:30px;}	
._News1{ margin-top:25px;}	
._News1 a i{ height:226px;}
._News1 a .tit{ font-size:16px; line-height:26px;  margin-top:15px;}
._News1 a .time{ font-size:14px; line-height:24px; margin:3px 0 15px 0;}
._News2{ margin-top:5px;}
._News2 .ul .li{ padding:15px 0;}
._News2 .ul .li a{ padding-left:76px;}
._News2 .ul .li .tit{ font-size:16px; line-height:26px;}
._News2 .ul .li .p{ font-size:14px; line-height:24px; height:48px; margin-top:5px;}
._News2 .ul .li .time{ font-size:14px; line-height:24px;}
._News2 .ul .li .time span{ font-size:24px; margin-top:3px;}
}
@media  screen and (max-width:767px){
.dynamics{ padding-top:30px; padding-bottom:30px;}
.dynamics .hd li{ margin-left:20px; font-size:14px; line-height:30px; }
._News1{ width:100%; }
._News1 a i{ height:auto;}
._News1 a i img{ display:block;}	
._News2{ width:100%; margin-top:10px; }

}


.support{ padding-top:101px; padding-bottom:102px; }
.support .list{ float:left; width:100%; margin-top:6px;}
.support .list ul{ float:left; width:100%;flex-wrap:wrap; display: flex;justify-content: space-between; }
.support .list ul li{ float:left; width:48.16%; border-radius:9px; border:1px solid #dddddd; margin-top:37px; padding:30px 24px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.support .list ul li:hover{ border:1px solid #f3c508; box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.support .list ul li h5{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; position:relative; padding:8px 0 8px 90px; }
.support .list ul li h5 img{ display:block; position:absolute; left:12px; top:0; width:50px; height:50px;}
.support .list ul li h6{ float:left; width:100%; color:#333333; font-size:16px; line-height:30px; min-height:120px; margin-top:18px;}
.support .list ul li:hover h5{ color:#f3c508;}

.support-1{ float:left; width:100%; background:#fff; padding:82px 29px;}
.support-1 .list{ margin-top:40px;}
.support-1 .list ul li{ width:32.3%; margin-top:20px; margin-right:1.55%;}
.support-1 .list ul li:nth-child(3n){ margin-right:0;}
.support-1 .list ul li h5{ padding:5px 0 5px 65px;}
.support-1 .list ul li h5 img{ left:0; width:44px; height:44px;}
.support-1 .list ul li h6{ min-height:90px; margin-top:7px;}


@media  screen and (max-width:1024px){
.support{ padding-top:30px; padding-bottom:30px;}
.support .list{ margin-top:15px;}
.support .list ul li{ margin-top:15px; padding:20px 15px;}
.support .list ul li h5{ font-size:16px; line-height:26px; padding:6px 0 6px 46px; }
.support .list ul li h5 img{ left:0; width:38px; height:38px;}
.support .list ul li h6{ font-size:14px; line-height:24px; min-height:96px; margin-top:10px;}

.support-1{ padding:30px 12px;}

}
@media  screen and (max-width:767px){
.support .list ul li{ width:100%;}
.support .list ul li h6{ min-height:inherit;}


}


.about{ position:relative; background:#000000; padding-top:98px; margin-bottom:132px;}
.about .bg{ float:left; width:100%; position:absolute; left:0; top:0; z-index:1; opacity:0.18; height:280px;}
.about .text{ position:relative; z-index:6; float:left; width:51.33%;}
.about .text .line{ float:left; width:100%; background:#fff; opacity:0.2; height:1px; margin:6.6% 0 5.6% 0;}
.about .text .p{ float:left; width:98%; color:#fff; letter-spacing:1px; font-size:16px; line-height:30px; height:180px; overflow:hidden;}
.about .text .More1{ float:left; width:160px; margin-top:12.6%;}
.about .text .More1 a{ float:left; width:100%;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; text-align:center; color:#fff; font-size:16px; line-height:46px; border-radius:6px; border:1px solid rgba(255,255,255,0.46);}
.about .text .More1 a i{ display:block; width:8px; height:8px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); -ms-transform:rotate(45deg); margin-left:6px;}
.about .text .More1 a:hover{ background:#f3c508; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.about .img{ position:relative; z-index:6; float:right; position:relative; line-height:0; width:40.16%; margin:29px 26px 19px 0;}
.about .img:after{ z-index:1; float:right; width:128px; height:128px; content:''; position:absolute; right:-26px; top:-29px; background:#ce3a3f;}
.about .img img{ position:relative; z-index:3;}
.about .img .paly{ z-index:4; float:right; width:88px; height:88px; content:''; position:absolute; left:26px; bottom:-19px; background:url(../_im_g/main10.png) center no-repeat #f3c508; background-size:100% 100%; cursor:pointer;}
.about .list{ position:relative; z-index:6; float:left; width:100%; background:#fff;flex-wrap:wrap; display: flex; align-items:center;  box-shadow:0 5px  24px rgba(203,203,203,0.35); border-radius:10px; margin:66px 0 -132px 0; min-height:182px; padding:15px 0;}
.about .list .l1{ float:left; width:25%; text-align:center; padding:15px;}
.about .list .l1 .num{ float:left; width:100%; color:#f3c508; font-size:20px; line-height:1; font-weight:bold; margin:6px 0 16px 0;}
.about .list .l1 .num span{ font-size:48px; margin-right:10px;}
.about .list .l1 .tit{ float:left; width:100%; color:#111111; font-size:24px; line-height:34px;}

.about-1{ float:left; width:100%; background:#fff; margin-bottom:0 !important; padding:80px 29px 82px 29px;}
.about-1 .text{ width:40%;}
.about-1 .text .line{ width:44px; height:5px; background:#f3c508; opacity:1; margin:7.3% 0 8.9% 0;}
.about-1 .text .p{ color:#333333; height:auto !important;}
.about-1 .img{ float:left; width:35.6%; margin:0 0 19px 4%;}
.about-1 .img:after{ display:none;}
.about-1 .img .paly{ left:-44px;}
.about-1 .list1{ float:right; width:15.6%;}
.about-1 .list1 .l1{ float:left; width:100%; padding:20% 0 0 0;}
.about-1 .list1 .l1 .num{ float:left; width:100%; color:#f3c508; font-size:18px; line-height:1; font-weight:bold; margin:6px 0 10px 0;}
.about-1 .list1 .l1 .num span{ font-size:40px;}
.about-1 .list1 .l1 .tit{ float:left; width:100%; color:#111111; font-size:18px; line-height:28px;}


@media screen and (max-width: 1024px) {
.about{ padding-top:30px; margin-bottom:130px;}
.about .text .line{ margin:15px 0 10px 0;}
.about .text .p{ width:100%; letter-spacing:0; font-size:14px; line-height:26px; height:156px;}
.about .text .More1{ width:120px; margin-top:20px;}
.about .text .More1 a{ font-size:14px; line-height:34px;}
.about .img{ margin:15px 13px 10px 0;}
.about .img:after{ width:64px; height:64px;  right:-15px; top:-13px; }
.about .img .paly{ width:44px; height:44px; left:13px; bottom:-10px; }
.about .list{ margin:30px 0 -130px 0;}
.about .list .l1{ padding:6px 10px;}
.about .list .l1 .num{ font-size:14px; margin:0 0 5px 0; }
.about .list .l1 .num span{ font-size:30px; margin-right:5px;}
.about .list .l1 .tit{ font-size:16px; line-height:26px;}

.about-1{ padding:30px 12px;}
.about-1 .img{ margin:0 0 10px 5%;}
.about-1 .img .paly{ left:-22px;}
.about-1 .list1{ width:17%;}
.about-1 .list1 .l1 .num{ font-size:14px; margin:0 0 5px 0; }
.about-1 .list1 .l1 .num span{ font-size:30px;}
.about-1 .list1 .l1 .tit{ font-size:14px; line-height:24px;}

}
@media  screen and (max-width:767px){
.about .text{ width:100%;margin-bottom:20px;}
.about .text .p{ height:104px;}
.about .img{width:-webkit-calc(100% - 13px); width:-moz-calc(100% - 13px); width:calc(100% - 13px); }
.about .list .l1{ width:50%;}

.about-1 .img{width:-webkit-calc(100% - 18px); width:-moz-calc(100% - 18px); width:calc(100% - 18px); }
.about-1 .list1{ width:100%; display:flex; justify-content:space-between; margin-top:10px;}
.about-1 .list1 .l1{ width:auto; padding:10px 4px; text-align:center; display:flex; justify-content:center;flex-direction:column ;}
.about-1 .list1 .l1 .num{ width:auto;}
.about-1 .list1 .l1 .tit{ width:auto;}

}



._box{ background:#f5f5f5; padding-top:100px; padding-bottom:100px;}
._box-1 .w_1200{ margin-top:-136px;}
.NewsList{ float:left; width:100%; background:#FFF; padding:0 29px;}
.NewsList .dl{ float:left; width:100%; margin-top:16px;}
.NewsList .dl dd{ float:left; width:48.7%; margin-top:15px;}
.NewsList .dl dd:nth-child(2n){ float:right;}
.NewsList .dl dd a{ float:left; width:100%; border-bottom:1px solid #dddddd; padding-bottom:25px;}
.NewsList .dl dd a i{ float:left; width:100%; line-height:0; overflow:hidden; }
.NewsList .dl dd a i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.NewsList .dl dd a:hover i img{ -ms-transform: scale(1.1);transform: scale(1.1);}
.NewsList .dl dd a .tit{ float:left; width:100%; color:#333333; font-size:20px; line-height:34px;  overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.NewsList .dl dd a .p{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:6px;}
.NewsList .dl dd a .time{ float:left; color:#333333; font-size:16px; line-height:26px; border-bottom:1px solid #333333; margin:24px 0 21px 0;}
.NewsList .dl dd a:hover .tit{ color:#f3c508;}
.NewsList .ul{ float:left; width:100%; position:relative; z-index:3; margin-top:28px;}
.NewsList .ul .li{ float:left; width:100%; border-bottom:1px solid #dddddd; padding:25px 0;}
.NewsList .ul .li a{ float:left; width:100%; position:relative; padding-right:220px;}
.NewsList .ul .li .tit{ float:left; width:100%; color:#121212; font-size:20px; line-height:34px; font-weight:bold; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
.NewsList .ul .li .p{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px; height:60px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:16px;}
.NewsList .ul .li .time{ float:left; color:#666666; font-size:16px; line-height:30px; position:absolute; right:30px; top:30px; text-align:center;}
.NewsList .ul .li .time span{ display:block; font-size:30px; margin-top:10px;}
.NewsList .ul .li:hover{border-bottom:1px solid #f3c508;}
.NewsList .ul .li:hover .tit{ color:#f3c508;}

.NewsList-1{ background:#fff; padding:56px 29px 27px 29px;  margin-top:30px;}
.NewsList-1 .ul{ margin-top:6px;}
.NewsList-1 .ul .li{ padding:30px 0;}
.NewsList-1 .ul .li:last-child{ border-bottom:none;}
.NewsList-1 .ul .li a{ padding-left:260px; padding-right:194px; min-height:144px;}
.NewsList-1 .ul .li i{ float:left; position:absolute; left:0; top:0; width:218px; height:144px; line-height:0; overflow:hidden; }
.NewsList-1 .ul .li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.NewsList-1 .ul .li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.NewsList-1 .ul .li .tit{ margin-top:12px;}
.NewsList-1 .ul .li .time{ margin-top:10px;}


@media  screen and (max-width:1024px){
._box{ padding-top:58px; padding-bottom:30px;}
._box-1 .w_1200{ margin-top:-80px;}
.NewsList{ padding:0 12px;}
.NewsList .dl{ margin-top:10px;}
.NewsList .dl dd a .tit{ font-size:16px; line-height:26px;}
.NewsList .dl dd a .time{ font-size:14px; line-height:24px; margin:12px 0 10px 0;}
.NewsList .dl dd a .p{ font-size:14px; line-height:24px; height:48px;}
.NewsList .ul{ margin-top:10px;}
.NewsList .ul .li{ padding:15px 0;}
.NewsList .ul .li a{ padding-right:76px;}
.NewsList .ul .li .tit{ font-size:16px; line-height:26px;}
.NewsList .ul .li .p{ font-size:14px; line-height:24px; height:48px; margin-top:5px;}
.NewsList .ul .li .time{ font-size:14px; line-height:24px; right:0; top:20px;}
.NewsList .ul .li .time span{ font-size:24px; margin-top:3px;}

.NewsList-1{ padding:20px 12px 5px 12px;  margin-top:20px;}
.NewsList-1 .ul .li a{ padding-left:142px; padding-right:194px; min-height:86px;}
.NewsList-1 .ul .li i{ width:130px; height:86px;}
.NewsList-1 .ul .li .time{ margin-top:0;}
.NewsList-1 .ul .li .tit{ margin-top:3px;}

}
@media  screen and (max-width:767px){
.NewsList-1 .ul .li a{ padding-right:0;}
.NewsList-1 .ul .li .time{ display:none;}


}


.pz_fy{ float:left; width:70%; flex-wrap:wrap; display: flex; justify-content:flex-end; margin:60px 0 100px 0;}

.pz_fy li{ float:initial !important; width:initial !important; padding:initial !important; margin-top:initial !important;}
.pz_fy li a{ float:initial !important; width:initial !important; border-bottom:initial !important;}

.active a{color: #f3c508 !important;}
.pz_fy a{ float:left; color:#666666; font-size:16px; line-height:40px; padding:0 4px; margin:0 10px;}
.pz_fy a:hover,
.pz_fy a.on{ color:#f3c508;}
.pz_fy a.prev,
.pz_fy a.next{ position:relative; width:40px; height:40px; border-radius:3px; border:1px solid #dddddd;}
.pz_fy a.prev:hover,
.pz_fy a.next:hover,
.pz_fy a.prev.on,
.pz_fy a.next.on{ border:1px solid #f3c508; background:#f3c508;}
.pz_fy a.prev{-webkit-transform:rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg); margin:0 30px 0 0;}
.pz_fy a.next{ margin:0 0 0 30px;}
.pz_fy a.prev::after,
.pz_fy a.next::after{ float:left; position:absolute; left:50%; top:50%; width:9px; height:9px; border-top:1px solid #999999; border-right:1px solid #999999;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg); content:''; margin-left:-2px;}
.pz_fy a.prev:hover::after,
.pz_fy a.next:hover::after,
.pz_fy a.prev.on::after,
.pz_fy a.next.on::after{ border-top:1px solid #fff; border-right:1px solid #fff;}
.pz_fy-1{ padding:0 29px;}


.crumbs{ float:left; width:100%; color:#666666; font-size:16px; line-height:26px; margin:25px 0;}
.crumbs a{ margin:0 10px;}
.crumbs a:first-child{ padding-left:25px; background:url(../_im_g/ico23.png) left center no-repeat; margin-left:0 !important;}
.crumbs a{ color:#666666;}
.crumbs-1{ position:relative; z-index:6; color:#fff;}
.crumbs-1 a{ color:#fff;}
.crumbs-1 a:first-child{ background:url(../_im_g/ico23.1.png) left center no-repeat;}
.crumbs a.on,
.crumbs a:hover{ color:#f7ce46;}






.slide1{ float:left; width:100%; background:#fff; padding:0 29px;}
.slide1 ul{ float:left; width:100%;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center; border-bottom:1px solid #dddddd;}
.slide1 ul li{ float:left; margin:0 29px;}
.slide1 ul li a{ float:left; color:#000000; position:relative; font-size:20px; line-height:30px; padding:45px 32px; }
.slide1 ul li a::after{ float:left; width:0%; height:2px; content:''; position:absolute; left:50%; bottom:-1px; z-index:3; background:#f3c508;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%); }
.slide1 ul li.on a::after,
.slide1 ul li:hover a::after{ width:100%; }
.slide1 ul li.on a,
.slide1 ul li:hover a{ color:#f3c508;}

@media  screen and (max-width:1024px){
.pz_fy{ margin:25px 0 30px 0; justify-content:center;}
.pz_fy a{ font-size:14px; line-height:28px; margin:0 3px;}
.pz_fy a.prev,
.pz_fy a.next{ width:28px; height:28px;}
.pz_fy a.prev{ margin:0 6px 0 0;}
.pz_fy a.next{ margin:0 0 0 6px;}
.pz_fy a.prev::after,
.pz_fy a.next::after{ width:7px; height:7px;}

.pz_fy-1{ padding:0 12px;}

.crumbs{ margin:15px 0; font-size:14px; line-height:26px;}
.crumbs a{ margin:0 5px;}

.slide1{ padding:0 12px;}
.slide1 ul li{ margin:0 10px;}
.slide1 ul li a{ font-size:16px; line-height:26px; padding:15px 6px; }
}

.pordNav{ float:left; width:100%; background:#fff; padding:0 29px;}

.pordNav ul{ float:left; width:100%; border-bottom:1px solid #dddddd;flex-wrap:wrap; display: flex; justify-content: flex-start;}

.pordNav ul li{ float:left;}

.pordNav ul li a{ float:left; position:relative; display: flex; cursor:pointer; align-items: center; color:#000000; font-size:20px; line-height:36px; padding:20px 20px; }

.pordNav ul li a::after{ float:left; width:0%; height:2px; content:''; position:absolute; left:0; bottom:-1px; z-index:3; background:#f3c508;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }


.pordNav ul li i{ display:block; line-height:0; margin-right:12px; position:relative;}
.pordNav ul li i img{ max-width:none; width:38px;}
.pordNav ul li i img.show{ opacity:1;}
.pordNav ul li i img.hide{ opacity:0; position:absolute; left:0; top:0;}
.pordNav ul li.on a,
.pordNav ul li:hover a{ color:#f3c508;}
.pordNav ul li.on a::after,
.pordNav ul li:hover a::after{ width:100%; }
.pordNav ul li.on i img.show,
.pordNav ul li:hover i img.show{ opacity:0;}
.pordNav ul li.on i img.hide,
.pordNav ul li:hover i img.hide{ opacity:1;}

.pordNav-1 ul{ display:block; }
.pordNav-1 ul li{ margin-bottom:-1px; border-bottom:1px solid #dddddd;}
.pordNav-1 ul li a{ padding:35px 6px; }
.pordNav-1 ul li:nth-child(5n+1){ min-width:24.5%;}
.pordNav-1 ul li:nth-child(5n+2){ min-width:18.5%;}
.pordNav-1 ul li:nth-child(5n+3){ min-width:21%;}
.pordNav-1 ul li:nth-child(5n+4){ min-width:21%;}
.pordNav-1 ul li:nth-child(5n+5){ min-width:15%;}
.pordNav-1 ul li i img{ max-width:none; width:30px;}


.ApplDet{ padding:40px 29px;}
.pordNav-2{ width:276px; padding:0 !important;}
.pordNav-2 ul{border-bottom:none; background:#f5f5f5;}
.pordNav-2 ul li{ width:100%; margin:0 !important}
.pordNav-2 ul li a{ width:100%; padding:12px 26px; font-size:16px;}
.pordNav-2 ul li a::after{ width:100%; background:#eeeeee;}
.pordNav-2 ul li:last-child a::after{ display:none;}
.pordNav-2 ul li i img{ width:30px;}
.pordNav-2 ul li.on a,
.pordNav-2 ul li:hover a{ background:#f3c508; color:#fff;}
.pordNav-2 ul li.on a::after,
.pordNav-2 ul li:hover a::after{ background:#f3c508; }

@media screen and (max-width: 1360px) {
.pordNav ul li a{ font-size:18px;}
.pordNav ul li i{ margin-right:8px;}

.pordNav-2{ width:230px;}

}
@media screen and (max-width: 1024px) {
.pordNav{ padding:0 12px;}
.pordNav ul li a{ font-size:16px; line-height:26px; padding:15px 3px;}
.pordNav ul li i{ margin-right:6px;}
.pordNav ul li i img{ max-width:none; width:30px;}

.ApplDet{ padding:25px 12px;}
.pordNav-2 ul li a{ padding:10px 12px; font-size:16px;}

}
@media screen and (max-width: 767px) {
.pordNav ul{ overflow-x:auto; overflow-y:hidden; white-space:nowrap;}
.pordNav ul::-webkit-scrollbar{ display: none;}
.pordNav li{ margin-right:20px;}

.pordNav-1 ul{ display:flex; flex-wrap:nowrap; }
.pordNav-1 ul li:nth-child(5n+1){ min-width:inherit;}
.pordNav-1 ul li:nth-child(5n+2){ min-width:inherit;}
.pordNav-1 ul li:nth-child(5n+3){ min-width:inherit;}
.pordNav-1 ul li:nth-child(5n+4){ min-width:inherit;}
.pordNav-1 ul li:nth-child(5n+5){ min-width:inherit;}

.pordNav-2{ width:100%;}
.pordNav-2 ul{display: flex;flex-wrap: nowrap;}
.pordNav-2 ul::-webkit-scrollbar{ display: none;}
.pordNav-2 ul li{ width:auto !important;}
.pordNav-2 ul li a{ padding:10px 15px;}

}


.pordList{ float:right; width:79%; padding:0 29px;}
.pordList .list ul{flex-wrap:wrap; display: flex;  margin:-10px -13px;}
.pordList .list li{ float:left; width:33.33%; padding:10px 13px;}
.pordList .text{float:left; width:100%; color:#666666; font-size:16px; line-height:36px; padding:15px 0 0 15px; margin-bottom:-6px; }
.pordList .top{float:left; width:100%; flex-wrap:wrap; display: flex; align-items:flex-end;  justify-content:space-between; padding:30px 0 0 15px;}
.pordList .top h6{float:left; color:#333333; font-size:20px; line-height:30px;}
.pordList .so{ float:right; width:214px; position:relative; margin-bottom:5px;}
.pordList .so .Search{ float:left; width:100%; height:36px; background:none; border:0; border-bottom:1px solid #dddddd; line-height:25px; padding:4px 20px; color:#999999; font-size:14px;}
.pordList .so .submit{ float:left; width:15px; height:100%; position:absolute; left:0; top:0; background:url(../_im_g/ico24.png) center no-repeat; }
._hei{ float:left; width:100%; background:#fff;flex-wrap:wrap; display: flex;}
.screen{ float:left; width:21%; position:relative; height:-webkit-calc(100% - 200px); height:-moz-calc(100% - 200px); height:calc(100% - 200px); padding:30px 0 30px 29px;}
.screen .li{ float:left; width:100%; margin:8px 0;}
.screen h4{ float:left; width:100%; color:#f3c508; font-size:18px; line-height:28px; font-weight:bold;}
.screen .Search{ float:left; width:100%; height:35px; background:none; border:0; border-bottom:1px solid #dddddd; line-height:25px; padding:4px 0; color:#999999; font-size:14px; margin:4px 0 10px 0;}
.screen ul{ float:left; width:100%; padding-right:10px;
 overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:240px
}
.screen ul::-webkit-scrollbar {
 width:6px
}
.screen ul::-webkit-scrollbar-track
{
background-color:#f5f5f5;
 border-radius:0px
}
.screen ul::-webkit-scrollbar-thumb {
 width:6px;
 height:60px;
 background-color:#999999;
 border-radius:6px
}
.screen ul li{ float:left; width:100%;}
.screen ul li a{ float:left; width:100%; color:#999999; font-size:14px; line-height:30px; }
.screen ul li a:hover{ color:#f3c508;}


@media screen and (max-width: 1024px) {
.pordList{ padding:0 12px; width:100%;}
.pordList .list ul{ margin:-5px -5px;}
.pordList .list li{ padding:5px 5px;}
.pordList .text{ font-size:14px; line-height:26px; padding:15px 0 5px 0; margin-bottom:0;}
.pordList .top{ padding:20px 0 0 0;}
.pordList .top h6{ font-size:18px; line-height:36px;}
.pordList .so{ width:180px; margin-bottom:0;}
.screen{ display:flex; width:100%; padding:20px 12px 0 12px; overflow-x:auto; overflow-y:hidden; white-space:nowrap;}
.screen::-webkit-scrollbar{ display: none;}
.screen .li{ float:left; margin-right:15px; margin:0 15px 0 0;}
.screen .li:last-child{ margin:0;}
.screen h4{ font-size:16px; line-height:26px;}
.screen ul {max-height:156px; width:150px;}
.screen ul::-webkit-scrollbar {
 width:4px
}
.screen ul::-webkit-scrollbar-track
{
background-color:#f5f5f5;
 border-radius:0px
}
.screen ul::-webkit-scrollbar-thumb {
 width:4px;
 height:60px;
 background-color:#999999;
 border-radius:4px
}
.screen ul li a{ font-size:13px; line-height:26px; }
}
@media screen and (max-width: 767px) {
.pordList .list li{ width:50%;}
.pordList .list li:last-child{ display:none;}

}


.Applicat{ background:#fff; float:left; width:100%; padding-top:2px;}
.Applicat ul{ float:left; width:100%; position:relative; padding:0 14px; }
.Applicat li{ float:left; width:33.33%; padding:0 15px; margin-top:40px;}
.Applicat li a{ float:left; width:100%; border-bottom:1px solid #dddddd;}
.Applicat li a i{ float:left; width:100%; line-height:0; text-align:center; border:1px solid #dddddd; border-radius:5px; overflow:hidden;}
.Applicat li a i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Applicat li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Applicat li a h6{ float:left; width:100%; line-height:32px; font-size:18px; color:#000000; font-weight:bold; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; margin-top:25px;}
.Applicat li a h5{ float:left; width:100%; height:60px; line-height:30px; font-size:16px; color:#666666; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin:8px 0 24px 0;}
.Applicat li a:hover i{ border:1px solid #f3c508;}
.Applicat li a:hover h6{ color:#f3c508;}

.Applicat-1{ padding:56px 0 80px 0; margin-top:26px;}
.Applicat-1 ul{ margin-top:60px;}
.Applicat-1 ul li{ margin-top:0 !important;}
.Applicat-1 .slick-arrow{ width:14px; height:14px; border-top:2px solid #1e1e1e; border-right:2px solid #1e1e1e; top:30%; }
.Applicat-1 .slick-arrow:hover{ border-top:2px solid #f3c508; border-right:2px solid #f3c508;}
.Applicat-1 .slick-prev{ left:10px;-webkit-transform: translate(0, -50%) rotate(225deg);-ms-transform: translate(0, -50%) rotate(225deg);transform: translate(0, -50%) rotate(225deg);}
.Applicat-1 .slick-next{ right:10px;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg);transform: translate(0, -50%) rotate(45deg);}
.Applicat-1 .slick-dots { position:static;flex-wrap: wrap;display: flex;justify-content: center;align-items: center;margin-top:20px;}
.Applicat-1 .slick-dots li {
  width:10px;
  height: 10px; border-radius:10px; padding:0 !important;
  z-index: 6;
  margin: 0 5px;
  background: #dddddd;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.Applicat-1 .slick-dots li.slick-active {background: #f3c508; width:24px;}

.ApplDet .boxR{ float:right; width:-webkit-calc(100% - 276px); width:-moz-calc(100% - 276px); width:calc(100% - 276px); padding-left:19px; letter-spacing:1px;}
.ApplDet .boxR .tit{ float:left; width:100%; line-height:34px; font-size:24px; color:#333333; font-weight:bold; padding:25px 0 10px 0;}
.ApplDet .boxR .tit1{ float:left; width:100%; line-height:30px; font-size:20px; color:#333333; position:relative; padding-left:20px; margin-top:47px; font-weight:bold;}
.ApplDet .boxR .tit1::after{ float:left; content:''; position:absolute; left:0; top:7px; background:#f3c508; width:3px; height:16px;}
.ApplDet .boxR .cont{ float:left; width:100%; line-height:32px; font-size:16px; color:#000; border-bottom:1px solid #dddddd; padding-bottom:32px;}
.ApplDet .boxR .p{ float:left; width:100%; line-height:30px; font-size:16px; color:#333333; padding-left:20px; margin-top:17px;}
.ApplDet .video{ float:left; width:100%; position:relative;}
.ApplDet .video .ul{ float:left; width:100%;}
.ApplDet .video .ul .li{ float:left; width:100%; line-height:0; border:1px solid #dfdfdf; margin-bottom:31px;}
.ApplDet .slick-dots {  bottom:12.28%; flex-wrap: wrap;display: flex;justify-content: center;align-items: center;}
.ApplDet .slick-dots li {
  width:10px;
  height: 10px; border-radius:10px;
  z-index: 6;
  margin: 0 7px;
  background: #333333;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.ApplDet .slick-dots li.slick-active {background: #f3c508;}
.ApplDet .paly{ z-index:4; float:right; width:88px; height:88px; content:''; position:absolute; right:43px; bottom:0; background:url(../_im_g/main10.png) center no-repeat #f3c508; background-size:100% 100%;}
.ApplDet .list{ float:left; width:100%; position:relative; margin-top:25px;  }
.ApplDet .list li{ float:left; width:33.33%; padding:0 20px;}
.ApplDet .list li a{ float:left; width:100%; border:1px solid #dddddd; border-radius:5px; overflow:hidden; background:#f9f9f9; padding-bottom:18px;}
.ApplDet .list li a i{ float:left; width:100%; line-height:0; text-align:center; overflow:hidden; background:#fff; margin-bottom:14px;}
.ApplDet .list li a i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.ApplDet .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.ApplDet .list li a h6{ float:left; width:100%; background:#f9f9f9; line-height:36px; font-size:18px; color:#f3c508; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding:0 12%;}
.ApplDet .list li a h5{ float:left; width:100%; background:#f9f9f9; line-height:34px; font-size:16px; color:#333333;  overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding:0 12%;}
.ApplDet .list li a:hover{ border:1px solid #f3c508;}
.ApplDet .list li a:hover h6{ color:#f3c508;}
.ApplDet .list .slick-arrow{ width:14px; height:14px; border-top:2px solid #1e1e1e; border-right:2px solid #1e1e1e;}
.ApplDet .list .slick-arrow:hover{ border-top:2px solid #f3c508; border-right:2px solid #f3c508;}
.ApplDet .list .slick-prev{ left:0;-webkit-transform: translate(0, -50%) rotate(225deg);-ms-transform: translate(0, -50%) rotate(225deg);transform: translate(0, -50%) rotate(225deg);}
.ApplDet .list .slick-next{ right:0;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg);transform: translate(0, -50%) rotate(45deg);}
.ApplDet .list .slick-dots { position:static;flex-wrap: wrap;display: flex;justify-content: center;align-items: center;margin-top:20px;}
.ApplDet .list .slick-dots li {
  width:10px;
  height: 10px; border-radius:10px; padding:0 !important;
  z-index: 6;
  margin: 0 5px;
  background: #dddddd;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.ApplDet .list .slick-dots li.slick-active {background: #f3c508; width:24px;}

@media screen and (max-width: 1360px) {
.ApplDet .boxR{ float:right; width:-webkit-calc(100% - 230px); width:-moz-calc(100% - 230px); width:calc(100% - 230px);}
.ApplDet .list ul{ padding:0 10px;}
.ApplDet .list li{ padding:0 10px;}
.ApplDet .list li a h6{padding:0 8%;}
.ApplDet .list li a h5{padding:0 8%;}

}
@media screen and (max-width: 1024px) {
.Applicat ul{ padding:0 7px;}
.Applicat li{ padding:0 5px; margin-top:20px;}
.Applicat li a h6{ font-size:16px; line-height:26px; margin-top:14px;}
.Applicat li a h5{ font-size:14px; line-height:24px; height:48px; margin:5px 0 12px 0;}

.Applicat-1{ padding:25px 0 30px 0; margin-top:20px;}
.Applicat-1 ul{ margin-top:25px;}

.ApplDet .boxR{ padding-left:15px;}
.ApplDet .boxR .tit{ font-size:20px; line-height:32px; padding:15px 0 10px 0;}
.ApplDet .boxR .tit1{ font-size:18px; line-height:30px; margin-top:24px; padding-left:10px;}
.ApplDet .boxR .cont{ font-size:16px; line-height:28px; padding-bottom:20px;}
.ApplDet .boxR .p{ font-size:14px; line-height:26px; margin-top:8px; padding-left:10px;}

.ApplDet .video .ul .li{ margin-bottom:15px;}
.ApplDet .paly{ width:44px; height:44px; right:13px;}

.ApplDet .list li{ padding:0 5px;}
.ApplDet .list li a{ padding-bottom:15px;}
.ApplDet .list li a h5{ font-size:14px; line-height:26px;}
.ApplDet .list li a h6{ font-size:16px; line-height:28px;}

}
@media screen and (max-width: 767px) {
.Applicat li{ width:50%;}

.ApplDet .boxR{ width:100%; padding:20px 0 0 0;}
.ApplDet .list ul{ padding:0; margin:0 -5px;}


}


.newdl{ float:left; width:100%; background:#fff; padding:56px 29px 37px 29px;}
.newdl .h4{ float:left; width:100%; font-size: 30px;color: #121212;text-align: center;line-height: 40px; font-weight:bold;}
.newdl .deicon{ float:left; width:100%;display: flex;align-items: center;justify-content: center;padding:25px 0 30px 0;}
.newdl .deicon .iconl{margin: 0 30px; display: flex;align-items: center;}
.newdl .deicon .iconl img{margin-right:6px;}
.newdl .deicon .iconl p{font-size: 16px;color: #666666;}
.newdl .ndecont{ float:left; width:100%; border-top: 1px solid #dddddd; font-size: 16px;line-height: 30px;color: #000;padding:46px 0 50px 0;letter-spacing: 1px;}
.newdl .ndecont .tit{ font-size:18px; color:#333333;}
.newdl .ndecont img{text-align: center !important;margin: 30px auto;display: block; max-width: 100%; height: auto !important; border-radius: 10px;}
.newdl .ndecont a{color:#fb7400;}
.newdl .ndecont a:hover{text-decoration: underline;}
.newdl .ndefun .pic2{display: none;}
.newdl .ndefun{ float:left; width:100%;display: flex;justify-content: center;align-items: center; flex-direction:column; margin-bottom:32px;}
.newdl .ndefun i{display: flex;align-items: center;justify-content: center; width:70px;height: 70px; border-radius:50%; background:#f3c508; padding:15px;}
.newdl .ndefun i img{width:40px;}
.newdl .ndefun i:hover .pic2{display: block;}
.newdl .ndefun i:hover .pic1{display: none;}
.newdl .ndefun h6{ color:#000000; font-size:16px; line-height:26px; margin-top:20px;}

@media screen and (max-width: 1360px) {
.newdl .deicon .iconl{margin: 0 20px;}
}
@media screen and (max-width: 1024px){
.newdl{ padding:25px 12px 12px 12px;}
.newdl .h4{font-size: 18px;line-height:30px;}
.newdl .deicon{flex-wrap: wrap;padding:15px 0}
.newdl .deicon .iconl{margin:3px 8px;}
.newdl .deicon .iconl img{margin-right:4px;}
.newdl .deicon .iconl p{font-size: 14px}
.newdl .ndecont{ padding: 20px 0 25px 0;font-size: 14px;line-height:26px;}
.newdl .ndecont .tit{ font-size:16px;}
.newdl .ndecont img{width: 100%;vertical-align: bottom;}
.newdl .ndefun .pic2{display: none;}
.newdl .ndefun{margin-bottom:25px;}
.newdl .ndefun i{ width:60px;height: 60px; padding:10px;}
.newdl .ndefun h6{margin-top:12px; font-size:14px; line-height:24px;}
}


.nfy{ float:left; width:100%;display: flex;align-items: center;justify-content: space-between; border-top: 1px solid #dddddd; padding:45px 0;}
.nfy .nfyl{display: flex;flex-direction: column;align-items: flex-start;}
.nfy .nfyl a{ float:left; width:100%; color:#121212;font-size:16px;line-height:30px; margin:10px 0; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
.nfy .nfyl a span{ color:#666666;}
.nfy .nfyl a:hover{ color:#f3c508;}
.nfy .nfyl a:hover span{ color:#f3c508;}
.nfy .nfyr{width: 150px;height: 50px;background: #f3c508; border-radius:6px; display: flex;align-items: center;justify-content: center;}
.nfy .nfyr:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.nfy .nfyr span{font-size: 16px;color:#fff;}
.nfy .nfyr img{margin-right:15px;}
@media screen and (max-width: 1024px) {
 .nfy{ padding:20px 0;}
  .nfy .nfyl a{font-size: 14px;line-height:26px; margin:0;}
  .nfy .nfyr{width: 100px;height:38px;}
  .nfy .nfyr img{ margin-right:6px;}
  .nfy .nfyr span{font-size: 14px;}
  .nfy .nfyl{width: calc(100% - 110px);}

}


._mapbox{float:left; width: 100%;height: 478px; border:29px solid #fff; font-size:14px; line-height:24px;}
._mapbox .BMap_pop{display:none !important;}
._mapbox .BMap_shadow{display:none !important;}
._mapbox .BMapLabel{
box-shadow: 0px 4px 50px rgba(187,187,187,0.45);
width: 385px;
left: 50px !important;
top: -10px !important;
border:none !important; border-radius:6px;
white-space: normal !important;}
._mapbox .BMapLabel:after{
float: left;
width: 0;
height: 0;
content: '';
position: absolute;
left: -8px;
top: 50%;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #fff;
transform: translate(0, -50%);
}
._mapbox .BMapLabel i{float:left;width:18px;height:18px;font-size: 22px;color: #999999;border-radius:50%;content:'';position:absolute;right:15px;top:5px;}
._mapbox .BMapLabel h1{width:100%;color:#16558A;font-size: 18px;line-height:18px !important;font-weight: 700;}
._mapbox .BMapLabel h6{width: 100%; padding:15px 15px;
color: #666666 !important;
font-size: 16px;
line-height:30px !important;
margin-top: 0;
white-space: pre-wrap;
}

.message{ float:left; width:100%; padding:29px 29px 59px 29px;}
.message .tit1{ float:left; width:100%; line-height:30px; font-size:20px; color:#333333; position:relative; padding-left:20px; font-weight:bold; margin-bottom:7px;}
.message .tit1::after{ float:left; content:''; position:absolute; left:0; top:7px; background:#f3c508; width:3px; height:16px;}
.message .lab{ float:left; width:100%; position:relative; margin-top:20px;}
.message .w49{ width:49%;}
.message .r{ float:right;}
.message .text{ float:left; width:100%; background:#f9f9f9; border-radius:8px; border:none; color:#bbbbbb; font-size:16px; line-height:30px; height:50px; padding:10px 20px 10px 188px;}
.message .text-1{ background:#fff; border-bottom:1px solid #efeded; border-radius:0; padding:10px 140px 10px 114px;}
.message .textarea{ float:left; width:100%; background:#f9f9f9; border-radius:8px; border:none; color:#454545; font-size:16px; line-height:26px; height:176px; padding:24px 40px; margin-bottom:20px;}
.message h5{ float:left; position:absolute; left:0; top:0; color:#454545; font-size:16px; line-height:50px; width:136px; text-align:center; border-right:1px solid #efeded; padding-left:5px;}
.message .h5{ width:84px; border-right:none;}
.message .yanzhengma{ width:130px; height:50px; position:absolute; right:0; bottom:1px;}
.message .btn{ display:flex; justify-content:left;}
.message .submit{ float:left; background:#000000; border-radius:8px; border:none;  width:32%; height:50px; line-height:50px; color:#fff; font-size:16px; margin:0 13px;}
.message .submit:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.message .submit:last-child{ background:#f3c508;}


@media screen and (max-width: 1024px) {
._mapbox{ height:380px; border:12px solid #fff;}
._mapbox .BMapLabel{ width:220px; left:-90px !important; top:50px !important;}
._mapbox .BMapLabel:after{ left:50%; top:-4px; transform: translate(-50%, -50%) rotate(90deg);}
._mapbox .BMapLabel h6{ padding:8px 12px; font-size:14px; line-height:22px !important;}
.message{ padding:10px 12px 30px 12px;}
.message .tit1{ font-size:18px; line-height:30px; padding-left:10px;}
.message .lab{ margin-top:15px;}
.message .textarea{ margin-bottom:10px; padding:10px 15px; font-size:14px; line-height:24px; height:120px;}
.message .text{ height:40px; line-height:30px; font-size:14px; padding:5px 15px 5px 115px;}
.message .text-1{ padding:10px 114px 10px 75px;}
.message .submit{ height:40px; line-height:40px; font-size:14px; margin:0 8px;}
.message h5{ font-size:14px; line-height:40px; width:100px;}
.message .h5{ width:70px; border-right:none;}
.message .yanzhengma{ width:104px; height:40px;}

}
@media screen and (max-width: 767px) {
.message .w49{ width:100%;}
.message .submit{ margin-top:10px;}


}


.banner1{ float:left; width:100%; position:relative; padding-top:94px; padding-bottom:218px; margin-top:100px;}
.banner1::after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#000; opacity:0.6; z-index:1;}
.banner1 h4{ float:left; width:100%; text-align:center; color:#fff; letter-spacing:1px; font-size:36px; line-height:46px; }
.banner1 p{ float:left; width:100%; text-align:center; color:#fff; letter-spacing:1px; font-size:18px; line-height:46px; }
.contact{ float:left; width:100%; background:#fff; padding:79px 29px 31px 29px;}
.contact ul{ float:left; width:100%; background:#fafafa;flex-wrap:wrap; display: flex;}
.contact ul li{ float:left; width:23%; position:relative; margin:0 1%; padding:35px 4% 28px 4%;}
.contact ul li:after{ float:left; width:88%; height:115%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); -ms-transform:translate(-50%,-50%)  scale(0); background:#fff; box-shadow:0 5px 18px rgba(188,188,188,0.21); content:'';-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.contact ul li:hover:after{ transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%)  scale(1);}
.contact ul li i{ position:relative; z-index:3; float:left; width:100%; line-height:0;}
.contact ul li i img{ width:36px; height:36px;}
.contact ul li h4{ position:relative; z-index:3; float:left; width:100%; line-height:26px; font-size:18px; color:#333333; font-weight:bold; margin:26px 0 18px 0;}
.contact ul li h5{ position:relative; z-index:3; float:left; width:100%; line-height:24px; font-size:16px; color:#666666; margin-top:8px;}
.contact ul li em{ position:relative; z-index:3; float:left; width:100%; line-height:0;}
@media screen and (max-width: 1360px) {
.contact ul li{ width:25%; margin:0;}
}
@media screen and (max-width: 1024px) {
.banner1{ margin-top:58px; padding-top:50px; padding-bottom:110px;}
.banner1 h4{ font-size:20px; line-height:32px;}
.contact{ padding:30px 12px;}
.contact ul li{ padding:20px 14px;}
.contact ul li:after{ width:100%; height:110%;}
.contact ul li h4{ font-size:16px; line-height:24px; margin:13px 0 9px 0;}
.contact ul li h5{ font-size:14px; line-height:22px; margin-top:4px;}
}
@media screen and (max-width: 767px) {
.contact ul li{ width:55%;}
.contact ul li:nth-child(2n){ width:45%;}

}


.Agent{ float:left; width:100%; background:#fff; padding:80px 29px 100px 29px;}
.Agent .text{float:left; width:47.5%; line-height:30px; font-size:16px; color:#333333; margin-top:86px; }
.Agent .img{float:right; width:47.5%; line-height:0; margin-top:60px;}

@media screen and (max-width: 1024px) {
.Agent{ padding:30px 12px;}
.Agent .text{ font-size:14px; line-height:26px; margin-top:30px;}
.Agent .img{ margin-top:25px;}
}
@media screen and (max-width: 767px) {
.Agent .text{ width:100%; margin-top:25px;}
.Agent .img{ width:100%;}

}

.advantages{ float:left; width:100%; position:relative; padding:60px 5.16% 70px 5.16%;}
.advantages:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:0.64;}
.advantages .text{ position:relative; z-index:6; float:left; width:100%; line-height:36px; font-size:16px; color:#fff; margin:50px 0 25px 0; }
.advantages .cont{ position:relative; z-index:6;float:left; width:100%; flex-wrap:wrap; display: flex; justify-content: space-between; line-height:30px; font-size:16px; color:#fff; }
.advantages .cont .li{ float:left; width:28%; margin:10px 0; text-align:center; padding:18px 12px; background:rgba(243,197,8,0.33);}
@media screen and (max-width: 1360px) {
.advantages .cont .li{ width:31%;}
}
@media screen and (max-width: 1024px) {
.advantages{ padding:30px 15px;}
.advantages .text{ font-size:14px; line-height:26px; margin:25px 0 20px 0;}
.advantages .cont .li{ margin:8px 0; padding:8px 8px;}
}
@media screen and (max-width: 767px) {
.advantages .cont .li{ width:100%;}

}


.history{float:left; width:100%; position:relative; padding:80px 0 47px 0;}
.history:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:0.63;}
.history .box{ position:relative; z-index:6; float:left; width:100%; padding:35px 31px 60px 31px; }
.history .text{ float:left; width:100%; line-height:30px; font-size:16px; color:#fff;}
.history .cont{ float:left; width:100%;flex-wrap:wrap; display: flex; align-items: center;  justify-content:space-between; margin-top:58px;}
.history .img{ float:left; width:28.5%;}
.history .right{ float:left; width:66%; margin-bottom:3%;}
.history .nian{ float:left; line-height:1; font-size:72px; font-weight:bold; font-family:Arial; color:#fff; margin:0 0 3% 0; }
.history .year{ position:relative; z-index:6;float:left; width:100%; line-height:50px; font-size:18px; color:#fff; text-align:center; padding:0 5%; }
.history .year:after,
.history .year:before{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; top:22px; background:#fff; background:#fff;}
.history .year:before{ width:1px; height:12px; top:11px; left:95%;}
.history .year .li{ float:left; position:relative; cursor:pointer; padding:35px 0;}
.history .year .li:after,
.history .year .li:before{ float:left; width:1px; height:12px; content:''; position:absolute; left:0%; top:11px; background:#fff;}
.history .year .li:before{ left:50%;}
.history .year .li span{float:left; width:100%; position:relative;}
.history .year .li span:after,
.history .year .li span:before{ float:left; width:0; height:0; content:''; position:absolute; left:50%; top:0;border-left:8px solid transparent; border-right:8px solid transparent;border-top: 8px solid #f3c508; transform:translate(-50%,0%); -ms-transform:translate(-50%,0%); opacity:0; }
.history .year .li span:before{ top:auto; bottom:0;transform:translate(-50%,0%) rotate(180deg); -ms-transform:translate(-50%,0%) rotate(180deg);}
.history .year .li.slick-current{ color:#f3c508;}
.history .year .li.slick-current:before{ height:22px; background:#f3c508; top:0; }
.history .year .li.slick-current span:after,
.history .year .li.slick-current span:before{ opacity:1;}
.history .year .slick-arrow{ width:12px; height:12px; border-top:2px solid #fff; border-right:2px solid #fff;  }
.history .year .slick-arrow:hover{ border-top:2px solid #f3c508; border-right:2px solid #f3c508;}
.history .year .slick-prev{ left:40px;-webkit-transform: translate(0, -50%) rotate(225deg);-ms-transform: translate(0, -50%) rotate(225deg);transform: translate(0, -50%) rotate(225deg);}
.history .year .slick-next{ right:40px;-webkit-transform: translate(0, -50%) rotate(45deg);-ms-transform: translate(0, -50%) rotate(45deg);transform: translate(0, -50%) rotate(45deg);}


@media screen and (max-width: 1360px) {
.history .right{ margin-bottom:0;}
}
@media screen and (max-width: 1024px) {
.history{ padding:30px 0 10px 0;}
.history .box{ padding:20px 15px 30px 15px;}
.history .text{ font-size:14px; line-height:26px;}
.history .nian{ font-size:36px;}
.history .cont{ margin-top:22px;}
.history .year{ font-size:16px;}
.history .year .slick-prev{ left:8px;}
.history .year .slick-next{ right:8px;}

}
@media screen and (max-width: 767px) {
.history .img{ width:100%;}
.history .right{ width:100%; margin:20px 0 0 0;}
.history .nian{ font-size:30px;}

}



/*20221108start*/
.videoPou{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:26; display:none; background:#000;}
.videoPou video{ float:left; position:relative; width:100%; height:100%; object-fit:fill;}
.videoPou .colse{ float:left; width:24px; height:24px; position:absolute; right:10px; top:10px; transform:rotate(45deg);-ms-transform:rotate(45deg); cursor:pointer; z-index:10;}
.videoPou .colse:after,
.videoPou .colse:before{ float:left; width:100%; height:2px; border-radius:2px; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background:#fff;}
.videoPou .colse:before{ width:2px; height:100%;}
/*20221108end*/


.jqzoom{position:relative;}
div.zoomdiv {
z-index: 100;
position: absolute;
top: 0px !important;
left: 100% !important; margin-left:-1px;
width:353px !important;
height:353px !important;
background: #ffffff;
border:1px solid #dddddd;
display:none;
text-align: center;
overflow: hidden;
}
div.zoomdiv img{max-width: none;}
div.jqZoomPup {
z-index: 10;
visibility: hidden;
position: absolute;
bottom:0px;
right:0px;
width: 40px;
height: 40px;
background:rgba(0,0,0,0.08);
}

@media  screen and (max-width:1023px){
div.zoomdiv { left:0 !important; top:100% !important;
width:100% !important;
height:160px !important;}
	
}